<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<link href="../js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="../js/bootstrap/css/bootstrap-theme.min.css"></script>
<link rel="stylesheet" type="text/css" href="../mycss/style.css" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="../js/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../laypage/laypage.js"></script>
<script type="text/javascript" src="../js/vue.js"></script>
<script language="javascript" type="text/javascript" src="../My97DatePicker/WdatePicker.js"></script>
<title>Insert title here</title>
</head>
<body id="tablePage">
<!-- 模态框：添加销售预测 -->
	<div class="modal fade" id="saveSalesPreModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="myModalLabel">销售预测</h4>
	      </div>
	      <form action="../SalesPre/saveSalesPre" class="form-horizontal" method="post" enctype="multipart/form-data" >
	      <div class="modal-body">
	      
	      	  <!-- 预测结果标题 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">预测结果标题:</label>
			    <div class="col-sm-6">
			      <input type="text" name="preResultTitle"  class="form-control" id="salesPlanCode_save_input" placeholder="请填写">
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 目标预测时间 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">目标预测时间:</label>
			    <div class="col-sm-3">
			       <input type="text" name="preMonth" id="month_save_input" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" style="width:270px;height:32px;border-radius:5px" placeholder="请选择年月"/>
			    			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 目标预测类型 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">预测类型:</label>
			    <div class="col-sm-6">
			      <input class="form-control" name="preType" id="month_save_input"  placeholder="请填写整体预测或部门预测">
			      <span class="help-block"></span>
			    </div>
			  </div>
			 <!-- 指定预测部门 -->
			  <div class="form-group">
			    <label class="col-sm-3 control-label">指定预测部门:</label>
			    <div class="col-sm-6">
			      <select class="form-control " name="preDeptName" id="dept_save_select" onchange="getCustomsAndPersons()">
				  </select>
			    </div>
			  </div>
			    <!-- 部门规模 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">部门规模: </label>
			    <div class="col-sm-6">
			     <input type="text"  name="DeptPersons" class="form-control" id="deptCustmers_save_input">
			      <span class="help-block"></span>
			    </div>
			  </div>
			   <!-- 客户数量 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">客户数量 :</label>
			    <div class="col-sm-6">
			     <input type="text" name="DeptCustoms"  class="form-control" id="deptPersons_save_input" >
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 导入数据-->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">导入数据:</label>
			    <div class="col-sm-6">
			     <input class="input-file uniform_on" name="datafile" id="predata_save_input"  type="file">
			      <span class="help-block"></span>
			    </div>
			  </div>
			 <!-- 销售预测内容 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">销售预测内容:</label>
			    <div class="col-sm-6">
			      <textarea rows="6" cols="6" name="preResultContent" class="form-control" id="preResultContent_save_input" placeholder="请填写预测内容"></textarea>
			      <span class="help-block"></span>
			    </div>
			  </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	        <input type="submit" class="btn btn-primary" value="提交"></input>
	      </div>
	    </form>
	    </div>
	  </div>
	</div>
<!-- 模态框：查看销售预测 -->
	<div class="modal fade" id="findSalesPreModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">销售预测</h4>
	      </div>
	      <div class="modal-body">
	      	<form class="form-horizontal">
	      	  <!-- 预测结果标题 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">预测结果标题:</label>
			    <div class="col-sm-6">
			      <p class="form-control-static" id="preResultTitle_find_static"></p>
			    </div>
			  </div>
			  <!-- 目标预测时间 -->
			  <div class="form-group">
			    <label  class="col-sm-3 control-label">目标预测时间:</label>
			    <div class="col-sm-6">
			        <p class="form-control-static" id="preMonth_find_static"></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 目标预测部门-->
		      <div class="form-group">
			    <label  class="col-sm-3 control-label">目标预测部门:</label>
			    <div class="col-sm-6">
			     <p class="form-control-static" id="preType_find_static"></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			  <!-- 预测结果 -->
			   <div class="form-group">
			    <label   class="col-sm-3 control-label"> 预测结果:</label>
			    <div class="col-sm-6">
			      <p class="form-control-static" id="preResultContent_find_static"></p>
			      <span class="help-block"></span>
			    </div>
			  </div>
			</form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	      </div>
	    </div>
	  </div>
	</div>
 <div >	
		<blockquote>
			<p class="twoType">销售预测</p>
		</blockquote> 	
		<hr/>
<div class="btnChange">
	    <span>月份:</span>
	     <input type="text" name="month" id="preMonth" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" class="Wdate" style="width:160px;height:25px;border-radius:5px" placeholder="请选择年月"/>	
		<input class="btn  btn-default btn-xs " type="button" value="查询" onclick="findSalesPreByMonth()"/>&nbsp;&nbsp;<br><br>
		<span>销售预测消息列表</span>
		<input class="btn  btn-primary btn-xs edit_btn" type="button" style="margin-left:450px;width:50px" value="预测"/>
		<input class="btn  btn-success btn-xs  find_btn"  type="button" style="margin-left:20px;width:50px" value="查看" >
	</div>
	<br>
	<div class="tableDiv">
		<form action="" >
		<table id="conTable" class="table table-bordered">
		  <thead>
			<tr class="info"><td></td><td></td><td>预测结果</td><td>预测月份</td><td>类型</td><td>生成时间</td><td>操作人</td></tr>
	      </thead>
	      <tbody id="salespre">
			<tr class="active" v-for="hsp in home">
			     <td></td>
			     <td><input type="radio" class="check_item"  name="ss" :value="hsp.salesPreId"/></td>
			     <td>{{hsp.preResultTitle}}</td>
			     <td>{{hsp.preMonth}}</td>
			     <td>{{hsp.preType}}</td>
			     <td>{{hsp.genTime}}</td>
			     <td>{{hsp.operator}}</td>
			     <tr >
			      <td id="clear" colspan="7"></td>
			      </tr>
		 </tbody>
		 
		</table>
		
	</form>	
	
	</div>
	
</div>
<script type="text/javascript" src="../js/salespre.js"></script>
</body>
</html>